<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="/img/title.ico" />
    <title>incake</title>
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/cart.css"/>
    <script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
  </head>
  <body>
    <header></header>
    <main>
      <div class="content">
        <div class="content_box">

          <div class="cart_empty">
              <p class="big">SHOPPING BASKET</p>
              <p class="txt">购物篮</p>
              <span class="zuo"></span>
              <span class="you"></span>
              <a href="/html/list.html"><img src="/img/empty_basket.png" alt=""></a>
          </div>
          <div class="cart_noempty hidden">
              <p class="big">SHOPPING BASKET</p>
              <p class="txt">购物篮</p>
              <span class="zuo"></span>
              <span class="you"></span>
            <table class="table table-bordered cart-table">
              <span class="xian"></span>
              <thead>
                <tr class="diyi">
                  <th><label><input type="checkbox" class="quan">全选</label></th>
                  <th>序号</th>
                  <th>商品</th>
                  <th>属性</th>
                  <th>价格</th>
                  <th>数量</th>
                  <th>小计</th>
                  <th>操作</th>
                </tr>

              </thead>

              <tbody>

              </tbody>
              <tfoot>
                <tr>
                  <td class="heji">合计:</td>
                  <td class="shu">0</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td colspan="2" class="jiesuan"><a href="/html/jiesuan.html">去结算</a></td>
                </tr>
              </tfoot>
            </table>
          </div>
         </div>
      </div>
    </main>
    <footer></footer>
    <div class="fix">
      <div class="left">
        <img src="../img/xin.jpg"/>
      </div>
      <div class="right">
        <p>联系客服，在线咨询</p>
      </div>
    </div>
  <!-- art-Template 模板引擎 -->
  <script type="text/html" id="cart-body-template">
    {{each products prod}}
    <tr>
      <td><input type="checkbox" class="quan1"></td>
      <td class="id">{{prod.id}}</td>
      <td><img src="{{prod.img}}" alt="" class="img"></td>
      <td class="title">{{prod.title}}</td>
      <td class="price">{{prod.price}}</td>
      <td><span class="decrement">-</span><input type="text" class="amount" value="{{prod.amount}}"><span class="increment">+</span></td>
      <td class="sub">{{prod.price*prod.amount}}</td>
      <td><a href="javascript:void(0);" class="del">删除</a></td>
    </tr>
    {{/each}}
  </script>
  </body>
</html>

